layui.use(['table', 'form', 'jquery', 'laydate'], function() {
	var table = layui.table;
	var form = layui.form;
	var jquery = layui.jquery;
	var laydate = layui.laydate;
	table.render({
		elem: '#test',
		url: 'http://localhost:8080/Online-student/CourseController/getAllCourse',
		toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
			,
			where:{
				del:0
			},
		defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
			title: '提示',
			layEvent: 'LAYTABLE_TIPS',
			icon: 'layui-icon-tips'
		}],
		title: '用户数据表',
		cols: [
			[{
				type: 'checkbox',
				fixed: 'left'
			}, {
				field: 'coid',
				title: '编号',
			}, {
				field: 'sname',
				templet: function(data) {
					return data.student[0].sname;
				},
				title: '姓名',
				align: "center"
			}, {
				field: 'sex',
				templet: function(data) {
					return data.student[0].sex;
				},
				title: '性别',
				align: "center"
			}, {
				field: 'coname',
				title: '课程名称',
			}, {
				field: 'createtime',
				title: '创建时间',
			}, {
				field: 'updatetime',
				title: '修改时间',
			}, {
				fixed: 'right',
				title: '操作',
				toolbar: '#barDemo',
				width: 150
			}]
		],
		page: true,
		parseData: function(res) { //res 即为原始返回的数据
			console.log(res);
			return {
				"code": res.status, //解析接口状态
				"msg": res.message, //解析提示文本
				"count": res.data.total, //解析数据长度
				"data": res.data.list //解析数据列表
			};
		}
	});
	// 监听模糊查询
	form.on('submit(demo1)', function(data) {
		//上述方法等价于
		table.reload('test', {
			where: { //设定异步数据接口的额外参数，任意设
				method: 'getAllCourse',
				coname: $("#conames").val(),
			},
			page: {
				curr: 1 //重新从第 1 页开始
			}
		}); //只重载数据
		return false;
	});
	// 监听修改
	form.on('submit(from)', function(data) {
		$.ajax({
			url: 'http://localhost:8080/Online-student/CourseController/updateCourse',
			type: 'get',
			data: {
				coid: $("#coid").val(),
				coname: $("#coname").val(),
				description: $("#description").val(),
				createtime: $("#createtime").val(),
				updatetime: $("#updatetime").val(),
			},
			dataType: "json",
			success: function(result) {
				if (result.data == 1) {
					//上述方法等价于
					layer.closeAll();
					table.reload('test', {
						page: {
							curr: 1 //重新从第 1 页开始
						}
					}); //只重载数据
					$("#from")[0].reset();
					layer.msg(result.message);
				}
			}
		})
		return false;
	});
	//头工具栏事件
	table.on('toolbar(test)', function(obj) {
		var checkStatus = table.checkStatus(obj.config.id);
		switch (obj.event) {
			case 'getCheckData':
				var data = checkStatus.data;
				layer.alert(JSON.stringify(data));
				break;
			case 'getCheckLength':
				var data = checkStatus.data;
				layer.msg('选中了：' + data.length + ' 个');
				break;
			case 'isAll':
				layer.msg(checkStatus.isAll ? '全选' : '未全选');
				break;

				//自定义头工具栏右侧图标 - 提示
			case 'LAYTABLE_TIPS':
				layer.alert('这是工具栏右侧自定义的一个图标按钮');
				break;
		};
	});

	//监听行工具事件
	table.on('tool(test)', function(obj) {
		var data = obj.data;
		form.val('demo', data);
		form.val('from', data);
		//console.log(obj)
		if (obj.event === 'del') {
			layer.confirm('真的删除行么', function(index) {
				obj.del();
				layer.close(index);
			});
		} else if (obj.event === 'edit') {
			// 修改弹出层
			layer.open({
				type: 1, //此处以iframe举例
				title: '课程信息',
				area: ['800px', '400px'],
				shade: 0,
				maxmin: true,
				offset: ['10%', '20%'],
				content: $("#from"),
				success: function(layero, index) {
					layer.setTop(layero); //重点2. 保持选中窗口置顶
				}
			})
		}if (obj.event === 'select') {
			// 修改弹出层
			layer.open({
				type: 1, //此处以iframe举例
				title: '课程信息',
				area: ['800px', '400px'],
				shade: 0,
				maxmin: true,
				offset: ['10%', '20%'],
				content: $("#demo"),
				success: function(layero, index) {
					layer.setTop(layero); //重点2. 保持选中窗口置顶
				}
			})
		}
	});
	//开始时间
	laydate.render({
		elem: '#createtime',
		//设置开始日期、日期日期的 input 选择器
		//数组格式为 2.6.6 开始新增，之前版本直接配置 true 或任意分割字符即可
		type: 'date'
	});
	//修改时间
	laydate.render({
		elem: '#updatetime',
		//设置开始日期、日期日期的 input 选择器
		//数组格式为 2.6.6 开始新增，之前版本直接配置 true 或任意分割字符即可
		type: 'date'
	});
});
